@charset "Shift_JIS";

/*================================================
	reset propaties 
================================================*/

html,body {background:#FFFFFF; color:#666666}

body {font:small "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; line-height:150%;}
* html body{ height:100%; font-size:small;}


.small{
	font-size:84%;
	line-height:140%;
}

* html body .small{
	font-size:84%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .small { font-size:81%;  }
}




body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

img {border: none;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent:0;}
li {list-style-type:none;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

th,td {text-align: left;}

a{text-decoration:none;}
a:hover{text-decoration:none;}


/*================================================
	#wrappper
================================================*/
#wrapper{
	width:100%;
}
* html #wrapper{
	text-align:left;
}

/*================================================
	#container
================================================*/
#container{
	width:960px;
	
}
* html #container{
	text-align:left;
}

/*================================================
	#siteHeader
================================================*/
#siteHeader{
	width:960px;
	height:85px;
}

#siteHeader div.block001{
	height:45px;
}

#siteHeader a#siteId{
	width:117px;
	height:37px;
	display:block;
	overflow:hidden;
	background:url(/shared/img/cmn_sid_001.gif);
	float:left;
}
#siteHeader a#siteId span{
	visibility:hidden;
}

#siteHeader ul#utility{
	width:555px;
	height:37p;;
	overflow:hidden;
	float:right;
	text-align:left;
}

#siteHeader ul#utility li{
	display:block;
	float:left;
	height:10px;
}
#siteHeader ul#utility li.li001{ width:81px;}
#siteHeader ul#utility li.li002{ width:32px;}
#siteHeader ul#utility li.li003{ width:110px;}
#siteHeader ul#utility li.li004{ width:104px;}
#siteHeader ul#utility li.li005{ width:105px;}
#siteHeader ul#utility li.li006{ width:83px;}
#siteHeader ul#utility li.li007{ width:40px;}

#siteHeader ul#utility li a{
	height:10px;
	background:url(/shared/img/cmn_util_001_20160531.gif);
}
#siteHeader ul#utility li.li001 a{ width:67px; background-position:0 0}
#siteHeader ul#utility li.li002 a{ width:17px; background-position:-81px 0px;}
#siteHeader ul#utility li.li003 a{ width:96px; background-position:-113px 0px;}
#siteHeader ul#utility li.li004 a{ width:89px; background-position:-223px 0px;}
#siteHeader ul#utility li.li005 a{ width:90px; background-position:-327px 0px;}
#siteHeader ul#utility li.li006 a{ width:66px; background-position:-432px 0px;}
#siteHeader ul#utility li.li007 a{ width:20px; background-position:-515px 0px;}

#siteHeader ul#utility li.li001 a:hover{ background-position:0 -10px;}
#siteHeader ul#utility li.li002 a:hover{ background-position:-81px -10px;}
#siteHeader ul#utility li.li003 a:hover{ background-position:-113px -10px;}
#siteHeader ul#utility li.li004 a:hover{ background-position:-223px -10px;}
#siteHeader ul#utility li.li005 a:hover{ background-position:-327px -10px;}
#siteHeader ul#utility li.li006 a:hover{ background-position:-432px -10px;}
#siteHeader ul#utility li.li007 a:hover{ background-position:-515px -10px;}

/*================================================
	#siteHeader gnavi
================================================*/

#gnavi{
	width:960px;
	height:40px;
}


#gnavi h1{
	width:180px;
	height:40px;
	display:block;
	float:left;
	background:url(/shared/img/cmn_h1_001.gif) top left no-repeat;
}

#gnavi h1 a{
	width:180px;
	height:40px;
	display:block;
	overflow:hidden;
}

#gnavi h1 span{
	visibility:hidden;
}

#gnavi ul{
	width:780px;
	height:40px;
	display:block;
	float:right;
}

#gnavi ul li{
	float:left;
	overflow:hidden;
	width:111px;
}

#gnavi ul li.li003{ width:112px;}
#gnavi ul li.li006{ width:112px;}

#gnavi ul li a{
	width:inherit;
	height:40px;
	background:url(/shared/img/cmn_gnavi_001.jpg);
}

#gnavi ul li.li001 a{ background-position:0 0}
#gnavi ul li.li002 a{ background-position:-111px 0px;}
#gnavi ul li.li003 a{ background-position:-223px 0px;}
#gnavi ul li.li004 a{ background-position:-335px 0px;}
#gnavi ul li.li005 a{ background-position:-446px 0px;}
#gnavi ul li.li006 a{ background-position:-557px 0px;}
#gnavi ul li.li007 a{ background-position:-669px 0px;}

#gnavi ul li.li001 a:hover{ background-position:0 -50px;}
#gnavi ul li.li002 a:hover{ background-position:-111px -50px;}
#gnavi ul li.li003 a:hover{ background-position:-223px -50px;}
#gnavi ul li.li004 a:hover{ background-position:-335px -50px;}
#gnavi ul li.li005 a:hover{ background-position:-446px -50px;}
#gnavi ul li.li006 a:hover{ background-position:-557px -50px;}
#gnavi ul li.li007 a:hover{ background-position:-669px -50px;}


#siteHeader.support ul li.li001 a{ background-position:0 -50px;}
#siteHeader.products ul li.li002 a{ background-position:-111px -50px;}
#siteHeader.interior ul li.li003 a{ background-position:-223px -50px;}
#siteHeader.exterior ul li.li004 a{ background-position:-335px -50px;}
#siteHeader.technology ul li.li005 a{ background-position:-446px -50px;}
#siteHeader.style ul li.li006 a{ background-position:-557px -50px;}
#siteHeader.example ul li.li007 a{ background-position:-669px -50px;}


/*================================================
	#siteFooter
================================================*/


#siteFooter #siteInfo{
	display:none!important;
	height:0px!important;
	overflow:hidden!important;
}


#siteFooter{
	width:961px!important;
	height:27px!important;
	padding-top:6px!important;
	background:url(/shared/img/cmn_bg_005.gif) 200px 0px repeat-y!important;
	
	
}

#siteFooter #copy{

	width:280px;
	height:10px;
	background:url(/shared/img/cmn_copyright_002.gif) 23px -7px no-repeat;
	float:left;
}
#siteFooter #copy:hover{
	background:url(/shared/img/cmn_copyright_002_o.gif)  23px -7px no-repeat;
}
#siteFooter ul{
	float:right;
	display:block;
	width:305px;
	height:16px;
}

#siteFooter ul li{
	display:block;
	
}
#siteFooter ul li.li001 {
	width:110px;
	overflow:hidden;
	float:left;
}


#siteFooter ul li.li001 a{
	width:110px;
	background:url(/index_img_com/cmn_btn_102.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;
}
#siteFooter ul li.li001 a:hover{
	background:url(/index_img_com/cmn_btn_102_o.gif) -2px -10px no-repeat;
}
#siteFooter ul li.li002 {
	width:193px;
	overflow:hidden;
	float:right;
}

#siteFooter ul li.li002 a{
	width:168px;
	background:url(/index_img_com/cmn_btn_103.gif) -2px -10px no-repeat;
	height:12px;
	overflow:hidden;	
}
#siteFooter ul li.li002 a:hover{
	background:url(/index_img_com/cmn_btn_103_o.gif) -2px -10px no-repeat;
}



/*================================================
	#contenetFooter
================================================*/
#contenetFooter{
	width:960px;
}







/*================================================
	#footNearby
================================================*/
#footNearby{
	width:960px;
	height:95px;
	overflow:hidden;

	
}

#footNearby h3{
	display:block;
	float:left;
	width:265px;
	height:95px;
	background:url(/shared/img/cmn_fnearby_001.gif) top left no-repeat;
	
}

#footNearby h3 span{
	visibility:hidden;
}

#footNearby ul{
	width:695px;
	height:95px;
	float:right;
	text-align:left;
	padding-top:27px;
}
#footNearby ul li{
	display:block;
	float:left;
	height:30px;
	width:170px;
}
#footNearby ul li a{
	height:14px;
	background:url(/shared/img/cmn_fnearby_002.gif);
}
#footNearby ul li a:span{
	visibility:hidden;
}


#footNearby ul li.li001 a{ width:105px; background-position:0px 0px;}
#footNearby ul li.li002 a{ width:86px; background-position:-170px 0px;}
#footNearby ul li.li003 a{ width:95px; background-position:-340px 0px;}
#footNearby ul li.li004 a{ width:125px; background-position:-510px 0px;}
#footNearby ul li.li005 a{ width:120px; background-position:0px -30px;}
#footNearby ul li.li006 a{ width:120px; background-position:-170px -30px;}
#footNearby ul li.li007 a{ width:135px; background-position:-340px -30px;}
#footNearby ul li.li008 a{ width:140px; background-position:-510px -30px;}

#footNearby ul li.li001 a:hover{ width:105px; background-position:0px -60px;}
#footNearby ul li.li002 a:hover{ width:86px; background-position:-170px -60px;}
#footNearby ul li.li003 a:hover{ width:95px; background-position:-340px -60px;}
#footNearby ul li.li004 a:hover{ width:125px; background-position:-510px -60px;}
#footNearby ul li.li005 a:hover{ width:120px; background-position:0px -90px;}
#footNearby ul li.li006 a:hover{ width:120px; background-position:-170px -90px;}
#footNearby ul li.li007 a:hover{ width:135px; background-position:-340px -90px;}
#footNearby ul li.li008 a:hover{ width:140px; background-position:-510px -90px;}


/*================================================
	#guidance
================================================*/
#guidance{
	width:960px;
	height:214px;
	overflow:hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#guidance iframe#mhLocal{
	border:none;
}

#guidance #modelhouse{ width:240px; float:left;}
#guidance #relation{ width:480px; float:left;}
#guidance #footMaterial{ width:240px; float:left;}




/*================================================
	#guidance
================================================*/
#guidance{
	width:960px;
	height:214px;
	overflow:hidden;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background:url(/shared/img/cmn_guidance_bg_001.gif) 240px top repeat-y;
}

#guidance iframe#mhLocal{
	border:none;
}

#guidance h3 span{
	visibility:hidden;
}

#guidance #modelhouse{ width:240px; float:left;}
#guidance #relation{ width:480px; float:left;}
#guidance #footMaterial{ width:240px; float:left;}


#relation h3{
    background:url(/shared/img/cmn_relation_h3_001.gif) 25px 22px no-repeat;
	display:block;
	height:57px;
}

#relation ul{
	width:455px;
	margin-left:25px;
	background:transparent;
}

#relation li{
	height:44px;
	background:url(/shared/img/relation/thumb_dammy.gif) 0 0 no-repeat;
	float:left;
}


#relation li.li001,
#relation li.li003,
#relation li.li005{width:241px}

#relation li.li002,
#relation li.li004,
#relation li.li006{width:213px}

#relation li a{
	padding-left:80px;
	background:url(/shared/img/cmn_arrow_circle_001.gif) 60px 1px no-repeat;
	color:#666666;
	display:block;
	height:37px;
}
* html #relation li a{
	padding-top:0.1em;

}
*:first-child+html #relation li a{
	padding-top:0.1em;

}

#relation li a span{
	line-height:1.4;
}

#relation li a:hover{
	text-decoration:none;
}

#relation li a:hover span{
	text-decoration:underline;
}

#footMaterial.single h3{
    background:url(/shared/img/cmn_material_h3_001.gif) 25px 22px no-repeat;
	display:block;
	height:47px;
}

#footMaterial.single #catalog{
	height:115px;
	text-align:center;
}

#footMaterial #catalog a,
#footMaterial #catalog a:hover{
	text-decoration:none;
}

#footMaterial.single #catalog img{
	margin:0 auto 0 auto;
}


#footMaterial.single a.a003{
	width:190px;
	height:23px;
	margin-left:25px;
	background:url(/shared/img/cmn_material_btn_001.gif) 0 0 no-repeat;
}

#footMaterial.single a.a003:hover{
	background:url(/shared/img/cmn_material_btn_001.gif) 0 -30px no-repeat;
}

#footMaterial.double h3{
    background:url(/shared/img/cmn_material_h3_001.gif) 25px 22px no-repeat;
	display:block;
	height:57px;
}

#footMaterial.double .first,
#footMaterial.double .second{
	height:76px;
	width:215px;
	margin-left:15px;
   	
}

#footMaterial.double a.a001{
	display:block;
	width:62px;
	float:left;
}
#footMaterial.double a.a002 img{
	margin-top:3px;
}
#footMaterial.double a.a003{
	width:136px;
	height:23px;
	margin-top:10px;
	background:url(/shared/img/cmn_material_btn_002.gif) 0 0 no-repeat;
}

#footMaterial.double a.a003:hover{
	background:url(/shared/img/cmn_material_btn_002.gif) 0 -30px no-repeat;
}

#footMaterial.triple h3{
    background:url(/shared/img/cmn_material_h3_001.gif) 25px 22px no-repeat;
	display:block;
	height:57px;
}

#footMaterial.triple .first,
#footMaterial.triple .second,
#footMaterial.triple .third{
	height:53px;
	width:190px;
	margin-left:25px;
   	
}

#footMaterial.triple a.a001{
	display:block;
	width:190px;
	height:39px;
}

#footMaterial.triple a.a001:hover{
	background-position:0px -40px;
}

#footMaterial.triple .first a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_steel2_001.gif)
}

#footMaterial.triple .second a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_steel3_001.gif)
}

#footMaterial.triple .third a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_shw_001.gif)
}

/*================================================
	汎用クラス
================================================*/

a.btn{
	height:inherit;
	display:block;
	overflow:hidden;
}

a.btn span{
	visibility:hidden;
}

.wrap{background:transparent;}
.wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.left{
	float:left;
}

.right{
	float:right;
	text-align:left;
}


span.co2{

	font-size:60%;
}